<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>KoDeal - Business Category Bootstrap Responsive Template | Blog Right Single</title>
    <!--/google-fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <!--//google-fonts -->
    <!-- Template CSS -->
    <link rel="stylesheet" href="assets/css/style-liberty.css">
</head>

<body>
    <!--/Header-->
    <header id="site-header" class="fixed-top">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light stroke py-lg-0">
                <h1><a class="navbar-brand pe-xl-5 pe-lg-4" href="index.html">
                        Ko<span class="sublog">Deal.</span>
                    </a></h1>
                <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
                    <span class="navbar-toggler-icon fa icon-close fa-times"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarScroll">
                    <ul class="navbar-nav me-lg-auto my-2 my-lg-0 navbar-nav-scroll">
                        <li class="nav-item">
                            <a class="nav-link" aria-current="page" href="index.html">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="about.html">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="services.html">Services</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle active" href="#Pages" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                Blog <span class="fa fa-angle-down ms-1"></span>
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item pt-2" href="blog.html">Blog Grids</a></li>
                                <li><a class="dropdown-item" href="blog-left.html">Blog Left Sidebar </a></li>
                                <li><a class="dropdown-item" href="blog-right.html">Blog Right Sidebar</a></li>
                                <li><a class="dropdown-item" href="blog-left-single.html">Blog Single Left Sidebar</a></li>
                                <li><a class="dropdown-item" href="blog-right-single.html">Blog Single Right Sidebar </a></li>
                                <li><a class="dropdown-item" href="blog-single.html">Blog Single Post</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#Pages" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                Pages <span class="fa fa-angle-down ms-1"></span>
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item" href="email.html">Email Page</a></li>
                                <li><a class="dropdown-item" href="elements.html">Elements</a></li>

                                <li><a class="dropdown-item" href="landing.html">Landing Page</a></li>
                                <li><a class="dropdown-item " href="error.html">404</a></li>
                            </ul>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="contact.html">Contact</a>
                        </li>

                    </ul>
                    <ul class="navbar-nav search-right mt-lg-0 mt-2">
                        <li class="nav-item mr-2" title="Search"><a href="#search" class="search-search">
                                <span class="fas fa-search" aria-hidden="true"></span></a></li>
                        <li class="nav-item mx-lg-4"><a href="#" class="phone-btn btn-white d-none d-lg-block btn-style ms-2"><span class="fas fa-user me-2" aria-hidden="true"></span> User Login</a></li>
                    </ul>

                    <!-- //toggle switch for light and dark theme -->
                    <!-- search popup -->
                    <div id="search" class="w3lpop-overlay">
                        <div class="w3lpopup">
                            <form action="#formsearch" method="GET" class="d-flex">
                                <input type="search" placeholder="Search.." name="search" required="required" autofocus>
                                <button type="submit"><span class="fas fa-search"></span></button>
                                <a class="close" href="#formsearch">&times;</a>
                            </form>
                        </div>
                    </div>
                    <!-- /search popup -->
                </div>
                <!-- toggle switch for light and dark theme -->
                <div class="mobile-position">
                    <nav class="navigation">
                        <div class="theme-switch-wrapper">
                            <label class="theme-switch" for="checkbox">
                                <input type="checkbox" id="checkbox">
                                <div class="mode-container">
                                    <i class="gg-sun"></i>
                                    <i class="gg-moon"></i>
                                </div>
                            </label>
                        </div>
                    </nav>
                </div>
                <!-- //toggle switch for light and dark theme -->
            </nav>
        </div>
    </header>
    <!--//Header-->
    <!-- breadcrumb -->
    <section class="w3l-about-breadcrumb">
        <div class="breadcrumb-bg breadcrumb-bg-about py-5">
            <div class="container py-lg-5 py-md-4">
                <div class="w3breadcrumb-gids text-center">
                    <div class="w3breadcrumb-right">
                        <ul class="breadcrumbs-custom-path">
                            <li><a href="index.html">Home</a></li>
                            <li class="active"><span class="fas fa-angle-double-right mx-2"></span> Blog Right Single </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--//breadcrumb-->
<div style="margin: 8px auto; display: block; text-align:center;">

<!---728x90--->

 
</div>
    <section class="w3l-grids-page py-5" id="bloggrids">
        <div class="text-11 py-md-5 py-3" id="classes">
            <div class="container">
                <div class="row w3l-blog-single">
                    <div class="col-lg-8 blogw3-left-content">
                        <div class="single-left">
                            <!-- single post -->
                            <img src="assets/images/banner3.jpg" class="img-fluid radius-image" alt="" />
                            <div class="text11-content">
                                <h4 class="">Lorem ipsum dolor sit, amet consectetur elit.</h4>
                                <h6>Oct 29, 2021.</h6>
                                <a href="#admin" class="admin">- Ambady</a>
                                <ul class="list-unstyled mb-0 ml-4 d-inline-block">
                                    <li class="list-inline-item ms-2 mb-0"><a href="#url" class="text-muted like"><i class="far fa-heart me-1"></i>33</a></li>
                                    <li class="list-inline-item"><a href="#url" class="text-muted comments"><i class="far fa-comments me-1"></i>08</a></li>
                                </ul>
                                <p class="mt-4 mb-3">Fusce faucibus ante vitae justo efficitur elementum. Donec et ipsum
                                    faucibus
                                    arcu
                                    ipsum elementum, luctus justo. ac purus semper. Fusce faucibus ante vitae justo
                                    efficitur sed et
                                    elementum. Donec ipsum
                                    faucibus arcu elementum, luctus justo. ac purus semper. Fusce faucibus ante vitae justo
                                    efficitur
                                    elementum. Donec ipsum faucibus arcu. The first step is clearly identifying which goals
                                    you want
                                    to
                                    achieve.</p>
                                <p class="mb-3">The first step is clearly identifying which goals you want to achieve. Fusce
                                    faucibus
                                    ante vitae justo efficitur elementum. Donec ipsum faucibus arcu
                                    elementum, luctus
                                    justo. ac purus semper. Fusce faucibus ante vitae justo efficitur elementum. Donec ipsum
                                    faucibus
                                    arcu elementum, luctus justo. ac purus semper."</p>
                                <h5 class="quote">
                                    Lorem faucibus fusce ante vitae justo efficitur elementum. Donec ipsum faucibus arcu
                                    elementum, luctus justo. ac purus semper.
                                    <footer class="blockquote-footer mt-3"> Ambady </footer>
                                </h5>

                                <p class="mb-3">Lorem faucibus fusce ante vitae justo efficitur elementum. Donec ipsum
                                    faucibus
                                    arcu elementum, luctus justo. ac purus semper. Fusce faucibus ante vitae justo efficitur
                                    elementum. Donec ipsum faucibus. Donec ipsum faucibus arcu elementum. Donec ipsum
                                    faucibus arcu
                                    elementum.</p>
                                <div class="sing-post-thumb mb-lg-5 mb-4 row pt-3">
                                    <div class="col-md-6">
                                        <a href="#url"><img src="assets/images/g6.jpg" class="img-fluid radius-image" alt=""></a>
                                    </div>
                                    <div class="col-md-6 mt-md-0 mt-3 align-self">
                                        <p class="">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis
                                            tempora
                                            quisquam incidunt accusantium culpa voluptatibus, nulla qui a quibusdam porro?
                                            luctus
                                            justo. ac purus semper. Fusce faucibus ante vitae justo efficitur elementum.
                                            Donec ipsum
                                            faucibus.
                                            Donec ipsum faucibus arcu elementum. Donec ipsum faucibus arcu elementum, luctus
                                            justo.
                                            ac purus
                                            semper. Fusce faucibus ante vitae justo efficitur elementum.</p>
                                    </div>
                                </div>
                                <h4 class="mb-4">Quisque sagittis lacus eu lorem sodalesd enean adipiscing.</h4>
                                <p class="mb-4">Lorem faucibus fusce ante vitae justo efficitur elementum. Donec ipsum
                                    faucibus
                                    arcu elementum, luctus justo. ac purus semper. Fusce faucibus ante vitae justo efficitur
                                    elementum. Donec ipsum faucibus. Donec ipsum faucibus arcu elementum. Quisque sagittis
                                    lacus eu
                                    lorem sodalesd enean adipiscing.</p>
                                <div class="text-list mb-4">
                                    <ol>
                                        <li>Quisque sagittis lacus eu lorem sodalesd enean adipiscing.</li>
                                        <li>Sed ut perspiciatis unde omnis natus</li>
                                        <li>Donec ipsum faucibus arcu elementum, luctus justo.</li>
                                        <li>Lorem ipsum dolor sit, amet consectetur elit. Expedita qui fugit quod.</li>
                                    </ol>
                                </div>
                                <h4 class="mb-4">Lorem ipsum dolor sit, amet consectetur elit.</h4>
                                <img src="assets/images/banner1.jpg" class="img-fluid" alt="" />
                                <p class="my-3">Lorem faucibus fusce ante vitae justo efficitur elementum. Donec ipsum
                                    faucibus
                                    arcu elementum, luctus justo. ac purus semper. Fusce faucibus ante vitae justo efficitur
                                    elementum. Donec ipsum faucibus. Donec ipsum faucibus arcu elementum. Quisque sagittis
                                    lacus eu
                                    lorem sodalesd enean adipiscing.</p>

                                <div class="social-share-blog mt-md-5 mt-4">
                                    <ul class="column3 social m-0 p-0">
                                        <li>
                                            <p class="m-0 mr-4">Share this post :</p>
                                        </li>
                                        <li><a href="#facebook" class="facebook"><span class="fab fa-facebook-f"></span></a>
                                        </li>
                                        <li><a href="#twitter" class="twitter"><span class="fab fa-twitter"></span></a></li>
                                        <li><a href="#instagram" class="instagram"><span class="fab fa-instagram"></span></a></li>
                                        <li><a href="#linkedin" class="linkedin"><span class="fab fa-linkedin"></span></a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="new-posts clearfix">
                                    <a class="prev-post text-left" href="#prev"><span class="fa fa-arrow-left" aria-hidden="true"></span>
                                        Previous Post</a>
                                    <a class="next-post text-right" href="#next">Next Post <span class="fa fa-arrow-right" aria-hidden="true"></span></a>
                                </div>
                                <div class="comments">
                                    <h3 class="aside-title">Recent comments(2)</h3>
                                    <div class="comments-grids">
                                        <div class="media-grid">
                                            <div class="media">
                                                <a class="comment-img" href="#url"><img src="assets/images/team1.jpg" class="img-responsive" width="100px" alt="placeholder image"></a>
                                                <div class="media-body comments-grid-right">
                                                    <h5>Jack Harry</h5>
                                                    <ul class="p-0 comment">
                                                        <li class="">Oct 29th, 2021 at 11:00 am</li>
                                                        <li>
                                                            <a href="#comment" class="">Reply</a>
                                                        </li>
                                                    </ul>
                                                    <p>Mattis ut hendrerit non, facilisis eget mauris. Sed ultricies nec
                                                        purus quis
                                                        tempor. Phasellus ipsum bibendum eu nec purus quis tempor dolor set.
                                                    </p>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="media-grid">
                                            <div class="media">
                                                <a class="comment-img" href="#url"><img src="assets/images/team2.jpg" class="img-responsive" width="100px" alt="placeholder image"></a>
                                                <div class="media-body comments-grid-right">
                                                    <h5>Charlie</h5>
                                                    <ul class="p-0 comment">
                                                        <li class="">Oct 29th, 2021 at 05:45 pm </li>
                                                        <li>
                                                            <a href="#comment" class="">Reply</a>
                                                        </li>
                                                    </ul>
                                                    <p>Mattis ut hendrerit non, facilisis eget mauris. Sed ultricies nec
                                                        purus quis
                                                        tempor. Phasellus eu nec purus quis tempor.
                                                    </p>
                                                    <div class="media mt-4 mb-0 border-0 px-0">
                                                        <a class="comment-img" href="#url"><img src="assets/images/team3.jpg" class="img-responsive" width="100px" alt="placeholder image"></a>
                                                        <div class="media-body comments-grid-right">
                                                            <h5>Jack Harry</h5>
                                                            <ul class="p-0 comment">
                                                                <li class="">Oct 30th, 2021 at 04:00 pm</li>
                                                                <li>
                                                                    <a href="#comment" class="">Reply</a>
                                                                </li>
                                                            </ul>
                                                            <p>Mattis ut hendrerit non, facilisis eget mauris. Sed ultricies
                                                                nec
                                                                purus
                                                                quis
                                                                tempor. dolor set.</p>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="leave-comment-form" id="comment">
                                    <h3 class="aside-title">Leave a reply</h3>
                                    <form action="#" method="post">
                                        <div class="input-grids">
                                            <div class="form-group">
                                                <input type="text" name="Name" class="form-control" placeholder="Your Name" required="">
                                            </div>
                                            <div class="form-group">
                                                <input type="email" name="Email" class="form-control" placeholder="Email" required="">
                                            </div>
                                            <div class="form-group">
                                                <textarea name="Comment" class="form-control" placeholder="Your Comment" required=""></textarea>
                                            </div>
                                        </div>
                                        <div class="w3l-submit">
                                            <button class="btn btn-style btn-primary">Post Comment</a>
                                        </div>
                                    </form>
                                </div>

                            </div>
                        </div>
                        <!--//blogs-right-->
                    </div>
                    <div class="col-lg-4 blogw3-right-content right-side-bar pe-lg-4 mt-lg-0 mt-5">
                        <aside class="posts">
                            <h3 class="aside-title">All Categories</h3>
                            <ul class="category">
                                <li><a href="#link"><span class="fas fa-angle-right"></span> Teamwork <label>
                                            (11)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-right"></span> Ideas
                                        <label>(24)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-right"></span> Workspace
                                        <label>(18)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-right"></span> Coding
                                        <label>(08)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-right"></span> Meeting
                                        <label>(08)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-right"></span> Uncategorized

                                        <label>(38)</label></a></li>
                            </ul>
                        </aside>
                        <aside class="posts">
                            <h3 class="aside-title">Recent Posts</h3>
                            <div class="posts-grids">
                                <div class="posts-grid-inner">
                                    <div class="posts-grid-left pr-0">
                                        <a href="blog-single.html">
                                            <img src="assets/images/g3.jpg" alt=" " class="img-fluid radius-image">
                                        </a>
                                    </div>
                                    <div class="posts-grid-right">
                                        <h4>
                                            <a href="blog-single.html" class="text-bl">Integer sit amet mattis quam.</a>
                                        </h4>
                                        <span class="price"> 11 Minutes ago</span>
                                    </div>
                                </div>
                                <div class="posts-grid-inner my-4">
                                    <div class="posts-grid-left pr-0">
                                        <a href="blog-single.html">
                                            <img src="assets/images/g2.jpg" alt=" " class="img-fluid radius-image">
                                        </a>
                                    </div>
                                    <div class="posts-grid-right">
                                        <h4>
                                            <a href="blog-single.html" class="text-bl">Integer sit amet mattis quam.</a>
                                        </h4>
                                        <span class="price"> 15 Minutes ago</span>
                                    </div>
                                </div>
                                <div class="posts-grid-inner">
                                    <div class="posts-grid-left pr-0">
                                        <a href="blog-single.html">
                                            <img src="assets/images/g4.jpg" alt=" " class="img-fluid radius-image">
                                        </a>
                                    </div>
                                    <div class="posts-grid-right">
                                        <h4>
                                            <a href="blog-single.html" class="text-bl">Integer sit amet mattis quam.</a>
                                        </h4>
                                        <span class="price"> 15 Minutes ago</span>
                                    </div>
                                </div>
                            </div>
                        </aside>

                        <aside class="posts">
                            <h3 class="aside-title">Instagram Posts</h3>
                            <div class="row posts-grid">
                                <a href="#insta" class="col-4">
                                    <img src="assets/images/g5.jpg" alt=" " class="img-fluid radius-image">
                                </a>
                                <a href="#insta" class="col-4">
                                    <img src="assets/images/g3.jpg" alt=" " class="img-fluid radius-image">
                                </a>
                                <a href="#insta" class="col-4">
                                    <img src="assets/images/g7.jpg" alt=" " class="img-fluid radius-image">
                                </a>
                                <a href="#insta" class="col-4 mt-3">
                                    <img src="assets/images/g6.jpg" alt=" " class="img-fluid radius-image">
                                </a>
                                <a href="#insta" class="col-4 mt-3">
                                    <img src="assets/images/g2.jpg" alt=" " class="img-fluid radius-image">
                                </a>
                                <a href="#insta" class="col-4 mt-3">
                                    <img src="assets/images/g1.jpg" alt=" " class="img-fluid radius-image">
                                </a>

                            </div>
                        </aside>
                        <aside class="posts">
                            <h3 class="aside-title">Popular Tags</h3>
                            <ul class="tags-list">
                                <li><a href="#tag"> Agency</a></li>
                                <li><a href="#tag"> Growth</a></li>
                                <li><a href="#tag"> Goal</a></li>
                                <li><a href="#tag"> Work</a></li>
                                <li><a href="#tag"> Lead</a></li>
                                <li><a href="#tag"> Agency</a></li>
                                <li><a href="#tag"> Earn</a></li>
                                <li><a href="#tag"> Business</a></li>
                                <li><a href="#tag"> Tips</a></li>
                            </ul>
                        </aside>
                        <aside class="posts">
                            <h3 class="aside-title">Advertisement</h3>
                            <a href="blog-single.html">
                                <img src="assets/images/ab2.jpg" alt=" " class="img-fluid radius-image">
                            </a>
                        </aside>
                    </div>
                </div>

                <!--/w3l-footer-29-main-->
            </div>
        </div>
    </section>
    <!--//blogs-right-->
	<div style="margin: 8px auto; display: block; text-align:center;">

<!---728x90--->
 
</div>
        <!--/w3l-footer-29-main-->
    <footer class="w3l-footer-29-main">
        <div class="footer-29 py-5">
            <div class="container py-lg-4">
                <div class="row align-items-center mb-3">
                    <h2 class="sign-left col-lg-7"> Join our community by using our services and grow your business. </h2>
                    <div class="footerw3-btn col-lg-5 ps-lg-5"><a href="#" class="btn btn-secondary btn-style"> Try it For Free <span class="fas fa-angle-double-right ms-2"></span></a></div>
                </div>

                <div class="row footer-top-29 mt-md-5 mt-4">
                    <div class="col-lg-4 col-md-6 footer-list-29 footer-1 pe-lg-5">
                        <h6 class="footer-title-29">About</h6>
                        <div class="footer-listw3-grids">
                            <p class="pe-lg-4">Lorem ipsum dolor sit amet consectetur ipsum amet elit.Sit amet consectetur ipsum amet,Lorem ipsum dolor sit amet. </p>
                            <div class="w3pt-call-box mt-4">
                                <div class="w3pt-call-info">
                                    <h5>Get Us Support</h5>

                                    <h5><a href="tel:+1(21) 234 557 456"><i class="fas fa-phone-alt me-1"></i> +1(21) 234 557 456</a></h5>
                                    <h5><a href="tel:+1(21) 234 4568"><i class="far fa-envelope me-1"></i> support@mail.com</a></h5>

                                </div>

                            </div>
                        </div>

                    </div>
                    <div class="col-lg-2 col-md-6 footer-list-29 footer-3 mt-lg-0 mt-5">
                        <h6 class="footer-title-29">Links</h6>
                        <div class="footer-listw3-grids">
                            <ul class="footer-listw3">
                                <li><a href="#us">About Us</a></li>
                                <li><a href="#team">Our Team</a></li>
                                <li><a href="#pro">Projects</a></li>
                                <li><a href="#career">Careers</a></li>
                                <li><a href="#terms">Terms of Use</a></li>
                                <li><a href="#tips">Privacy Policy</a></li>

                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-6 footer-list-29 footer-3 mt-lg-0 mt-5">
                        <h6 class="footer-title-29">Services</h6>
                        <div class="footer-listw3-grids">
                            <ul class="footer-listw3">
                                <li><a href="#lift">Secure services</a></li>
                                <li><a href="#cardio">Digital arrange</a></li>
                                <li><a href="#fit">Content strategy</a></li>
                                <li><a href="#tips">Processing services</a></li>
                                <li><a href="#tips">Web hosting</a></li>
                                <li><a href="#tips">Page optimization</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 footer-list-29 footer-4 mt-lg-0 mt-5 ps-lg-5">
                        <h6 class="footer-title-29">Keep Connected</h6>
                        <p>Get Updates By Subscribe Our Weekly Newsletter</p>

                        <form action="#" class="subscribe" method="post">
                            <input type="email" name="email" placeholder="Your Email Address" required="">
                            <button><span class="fas fa-paper-plane"></span></button>
                        </form>
                        <div class="main-social-footer-29 mt-4">
                            <a href="#facebook" class="facebook"><span class="fab fa-facebook-f"></span></a>
                            <a href="#twitter" class="twitter"><span class="fab fa-twitter"></span></a>
                            <a href="#instagram" class="instagram"><span class="fab fa-instagram"></span></a>

                            <a href="#linkd" class="linkd"><span class="fab fa-linkedin-in"></span></a>
                        </div>
                    </div>
                </div>
                <div class="bottom-copies text-center">
                    <p class="copy-footer-29">© KoDeal. All rights reserved. <a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a>
                    </p>
                </div>
            </div>
        </div>

        <!-- move top -->
        <button onclick="topFunction()" id="movetop" title="Go to top">
            <span class="fa fa-angle-up"></span>
        </button>
        <script>
            // When the user scrolls down 20px from the top of the document, show the button
            window.onscroll = function() {
                scrollFunction()
            };

            function scrollFunction() {
                if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                    document.getElementById("movetop").style.display = "block";
                } else {
                    document.getElementById("movetop").style.display = "none";
                }
            }

            // When the user clicks on the button, scroll to the top of the document
            function topFunction() {
                document.body.scrollTop = 0;
                document.documentElement.scrollTop = 0;
            }

        </script>
        <!-- //move top -->

    </footer>
    <!--//footer-9 -->
    <!-- Js scripts -->
    <!-- Template JavaScript -->
    <script src="assets/js/jquery-3.3.1.min.js"></script>
    <script src="assets/js/theme-change.js"></script>
    <!-- MENU-JS -->
    <script>
        $(window).on("scroll", function() {
            var scroll = $(window).scrollTop();

            if (scroll >= 80) {
                $("#site-header").addClass("nav-fixed");
            } else {
                $("#site-header").removeClass("nav-fixed");
            }
        });

        //Main navigation Active Class Add Remove
        $(".navbar-toggler").on("click", function() {
            $("header").toggleClass("active");
        });
        $(document).on("ready", function() {
            if ($(window).width() > 991) {
                $("header").removeClass("active");
            }
            $(window).on("resize", function() {
                if ($(window).width() > 991) {
                    $("header").removeClass("active");
                }
            });
        });

    </script>
    <!-- //MENU-JS -->

    <!-- disable body scroll which navbar is in active -->
    <script>
        $(function() {
            $('.navbar-toggler').click(function() {
                $('body').toggleClass('noscroll');
            })
        });

    </script>
    <!-- //disable body scroll which navbar is in active -->

    <!-- //bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>


</body>

</html>
